﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <form id="changePasswordForm" method="post">
<div class="why">
       <div class="why_l">
           <ul class="why_l_a">
              <li><strong>Your Account</strong></li>
              <li><a href="/Account/AccountSettings">Account Settings</a></li>
              <li><a href="/Account/Personalisation">Personalisation</a></li>
              <li><a href="/Account/EmailPreferences">Email Preferences</a></li>
              <li><a href="/Account/TrainingReminders">Training Reminders</a></li>
              <li>Change Password</li>
              <li></li>
           </ul>
       </div>
       
       <div class="latest_r">
         <b class="application_t"><b class="application_tl"></b><b class="application_tr"></b></b>
         <b class="password_c">
              <h1 class="password_h1">Change Password</h1>
              <ul class="password_one">
                 <li><label>New Password:</label><span><input name="newPassword" type="Password" id="newPassword" value="" /></span></li>
                 <li><label>&nbsp;</label><font color="#7abc35">Must be at least 6 characters</font></li>
                 <li><label>Confirm Password:</label><span><input name="confirmPassword" type="Password" id="confirmPassword" value="" /></span></li>
              </ul>
              <span class="password_button"><input type="submit" name="button" id="button" value="" /></span>
         </b>
         <b class="review_lf_d"><b class="review_lf_dl"></b><b class="review_lf_dr"></b></b>
       </div>
       
       
    </div>
    </form>
<style type="text/css">
        .error
        {
            text-align: left;
            color: Red;
        }
    </style>
<script language="javascript" type="text/javascript">
    $().ready(function() {
        $("#changePasswordForm").validate({
            rules: {
                newPassword: { required: true, rangelength: [6, 12] },
                confirmPassword: { required: true, equalTo: "#newPassword" }
            },
            messages: {
            newPassword: { required: "Please enter your New Password.", rangelength: "New Password must be in 6-12 between characters." },
            confirmPassword: { required: "Please enter your Confirm Password.", email: "Two password input disagreed." }
            }
        });
    });
</script>
</asp:Content>
